<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="<s:url value='/resources/js/jquery/jquery-1.5.2.min.js'/>"></script> 
<script type="text/javascript">
	
	$(function(){
		//初始行程id输入框,设置为焦点
		$("#id_input").focus();
		
		//5秒检测一次input是否为焦点
		time=setInterval(function(){
			$("#id_input").focus();
		}, 5*1000);
		//二维码扫描结果的回车键
		$("#id_input").bind('keydown', function (e) {
            var key = e.which;
 
            if (key == 13) {
            	var planid=$(this).val();
            	pushPlanid(planid); 
            	$(this).val("");
            	//不再返回给浏览器
            	return false;
            }
        });
	});


	/* function pushCard(){
		var idcard="532924";
		$("#idcard").val(idcard);
		$("#intoGuideInfo").submit();
	} */
	function pushCard(){
		$("#planid").val(1);
		$("#intoGuideInfo").submit();
	}
	function pushPlanid(planid){
		$("#planid").val(planid);
		$("#intoGuideInfo").submit();
	}
</script>
<style type="text/css">
	body{
		margin: 0;
		padding: 0;
	}
	.idcontent{
		width: 758px;
		height: 435px;
		line-height: 701px;
		padding-top: 248px;
	}
	.idcase{
		width: 436px;
		height: 206px;
		background-color: #333333;
		margin: 0 auto;
		line-height: 206px;
		text-align: center;
	}
	.bt{
		background: url("<s:url value="/resources/images/shop/guide/moni.png" />");
		border: 0 none;
		height: 31px;
		width: 100px;
		cursor: pointer;
	}
	
	#id_input{
		border: 0;
		color: white;  
		width: 650px;
		float: left;
		height: 600px;
		filter:alpha(opacity=0);
		opacity:0;
	}
	
	.id_input_case{
		position: absolute;
		top: 10px;
		z-index: -1;
	}
</style>
</head>
<body>
<div class="idcontent">
	
	
	<div class="idcase">
		<div style="font-size: 36px;color: white;">请刷身份证.......</div>
	</div>
	
	<div id="" style="position: absolute;bottom: 10px;right: 20px;">
		<form id="intoGuideInfo" action="<s:url value="/shop/intoGuideInfo.do" />">
			<input id="idcard" type="hidden" name="idcard">
			<input id="planid" type="hidden" name="planCode">
			<input type="hidden" name="placeid" value="<s:property value="#request.placeid" />">
		</form>
		<button class="bt" onclick="pushCard()" style="display: none;"></button>
	</div>
	<div class="id_input_case">
		
		<!-- <input id="id_input" type="text" class="" value="113030014033"> -->
		<input id="id_input" type="text" class="" value="">
	</div>
</div>
</body>
</html>